<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <h1>The Ajax 01 Page</h1>
        <button onclick="doAjaxStart()">Ajax Get Start</button>
        <span id="result"></span>
    </div>
    <script>
        function doAjaxStart() {
            // 1、创建xhr对象
            var xhr = new XMLHttpRequest();
            //debugger;
            // 2、设置状态监听
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4&&xhr.status==200) {
                    document.getElementById("result").innerHTML = xhr.responseText;
                }
            };
            // 3、打开一个与服务端指定url的连接
            xhr.open("GET", "http://localhost/doAjaxStart", true);// true:异步请求
            // 4、发送请求
            xhr.send();// 这个请求交给ajax引擎发送
            console.log("======test=====");// 异步请求会先执行这里，同步的话，会先执行完请求，再执行这里
        }
    </script>
</body>
</html>